@charset "utf-8";
@import "reset";

@mixin movie_name {
    font: 700 14px "微软雅黑";
    color: #303030;
}

@mixin box($w) {
    width: $w;
    img {
        display: block;
        width: 100%;
    }
}

@mixin underline {
    &:hover {
        text-decoration: underline;
    }
}

@mixin font-color($c:#686868) {
    color: $c;
}

@mixin content {
    font-size: 12px;
}

.movie {
    width: 327px;
    background-color: #f7f7f7;
    padding: 33px 4px 11px 1px;
    ul {
        li {
            margin-bottom: 15px;
            &:last-child {
                margin-bottom: 0;
            }
            .poster {
                @include box(72px);
            }
            .introduce {
                margin-left: 15px;
                width: 235px;
                @include content;
                .top {
                    .name {
                        float: left;
                        a {
                            @include movie_name;
                        }
                    }
                    .comment {
                        float: right;
                        a {
                            @include font_color(#c90210);
                        }
                    }
                }
                .mid {
                    .abstract {
                        float: left;
                        margin-top: 16px;
                        text-align: left;
                        overflow: hidden;
                        p {
                            line-height: 20px;
                            overflow: hidden;
                            max-height: 40px;
                            @include font_color(#656565);
                            a {
                                @include font_color(#249798);
                                &:last-child {
                                    @include font_color(#c90210);
                                    @include underline;
                                }
                            }
                        }
                    }
                }
                .bot {
                    margin-top: 9px;
                    .red_man {
                        @include box(10px);
                        margin-left: 5px;
                    }
                    .category {
                        margin-left: 5px;
                        p {
                            line-height: 12px;
                            @include font_color(#323232);
                        }
                    }
                }
            }
        }
    }
}
